<template>
    <div class="conBox">
        <div class="phbbxo">
            <div class="leftNav5"><slot name="left"/></div>
            <div class="rightCon scroll"><slot/></div>
        </div>
    </div>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'

export default {
    components:{
       
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .conBox{
        padding: 30px 30px 30px 0;
        height: 100%;
        .phbbxo{
            display: flex;
            width: 100%;
            height: 100%;
            background: url(/images/flowRanking/frbg.png) left top no-repeat;
            background-size: 100% 100%;
            .leftNav5{
                width: 340px;
                padding: 65px 0 0 20px;
                margin: 0;
            }
            .rightCon{
                display: flex;
                flex: 1;
                padding: 65px 30px 30px 0;
                overflow: hidden;
                //overflow-x: auto;
                &.scroll{
                    padding-right:0 ;
                    margin: 0 30px 0 0;
                    overflow-x: auto;
                }
            }
        }
    }
</style>